<template>
  <div class="App">
    <h3>我是app</h3>
    <p>父组件里的count: {{count}} </p>

    <!-- 
      问题? 子组件如何修改父组件里的props值  
      vue 遵循一个原则 谁的数据谁来改
      子组件内修改父组件的值 步骤?
        1. 父组件内定义修改数据的方法 传给子组件 
        2. 子组件内可以修改
     -->

    <my-count :count="count" @changeCount='fn' />
  </div>
</template>

<script>
import MyCount from './components/MyCount.vue'
export default {
  data() {
    return {
      count:0
    }
  },
  components: {
    MyCount
  },
  methods:{
    // 自己的数据自己改
   fn(n){
    this.count += n
   }
  }
}
</script>


<style scoped>
</style>
